<aside class="main-sidebar" style="overflow-y:auto;">
      <section class="sidebar">
        <ul class="sidebar-menu"> 
	      <volist name="menu_list" id="vo" key="k" >
	      	<notempty name="vo.sub_menu">
        	<li class="treeview">
        	    <a onclick="menu(this)" href="javascript:void(0)">
	              <i class="fa {$vo.icon}"></i><span class="hidden-xs">{$vo.name}</span><i class="fa fa-angle-right angle"></i>
	            </a>
	            <ul class="treeview-menu">
	            	<foreach name="vo.sub_menu" item="vv" key="kk">
	            	<li onclick="makecss(this)" data-id="{$vv.control}/{$vv.act}">
	            		<a href='{:U("$vv[control]/$vv[act]")}' target='rightContent'><i class="fa fa-circle-o"></i>{$vv.name}</a>
	            	</li>
	            	</foreach>
	            </ul>
        	</li>
        	</notempty>
	      </volist>
        </ul>
      </section>
</aside>
<script>
	function menu(obj){
	    var m = $(obj).parent('.treeview').find('.treeview-menu');
        if(m.is(':hidden')){
            $('.treeview .treeview-menu').hide(500);
            m.show(500,left);
        }else{
            m.hide(500,left);
        }
    }
</script>